﻿<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="SelectCategory.ascx.cs" Inherits="BestBuy.UserControl.SelectCategory" %>

<style type="text/css">
    .select-category
    {
        width:100px;
        height: 250px !important;
        margin-right: 20px;
    }
    .Category
    {
        width:auto; color: #99370B; font-weight: bold; background: none repeat scroll 0% 0% #FFFFD8; 
        border: 1px solid rgb(236, 212, 138); padding: 3px 7px; font-size: 11px;
    }

</style>
<asp:Panel runat="server" ID="MainContent">
    <asp:UpdatePanel ID="UpdatePanel1" runat="server" UpdateMode="Always">
        <ContentTemplate>
            <asp:ListBox runat="server" ID="FirstLevelCatListBox" Width="250px"
                DataTextField="TenDanhMuc" DataValueField="IDDanhMuc" CssClass="select-category"
                AutoPostBack="true" 
                OnSelectedIndexChanged="FirstLevelCatListBox_SelectedIndexChanged" />
            <asp:ListBox runat="server" ID="SecondLevelCatListBox" DataTextField="TenDanhMuc" DataValueField="IDDanhMuc" CssClass="select-category"
                AutoPostBack="true" OnSelectedIndexChanged="SecondLevelCatListBox_SelectedIndexChanged"  Width="250px"/>
            <asp:ListBox runat="server" ID="ThirdLevelCatListBox"  Width="250px"
                DataTextField="TenDanhMuc" DataValueField="IDDanhMuc" 
                CssClass="select-category" AutoPostBack="True" 
                onselectedindexchanged="ThirdLevelCatListBox_SelectedIndexChanged" />
            <br />
            <asp:Panel ID="pnLevelCategory" runat="server" Visible="false">
                <asp:Label ID="lbCategoriesSelected" runat="server" Text="Categories Selected: "></asp:Label>
                <span class="Category">
                    <asp:Label ID="lbDanhMucCap1" runat="server"></asp:Label>
                    <asp:Label ID="lbDanhMucCap2" runat="server"></asp:Label>
                    <asp:Label ID="lbDanhMucCap3" runat="server"></asp:Label>
                </span>
            </asp:Panel>
        </ContentTemplate>
    </asp:UpdatePanel>
</asp:Panel>